<template>
  <Card dis-hover class="list">
    <Table
      ref="selection"
      :loading="loading"
      :data="data"
      :columns="columns"
    />
    <expandRow></expandRow>
    <div style="margin: 10px 0; text-align: right">
      <Page
        :total="page.total"
        :current="page.index"
        :page-size="page.size"
        :page-size-opts="[10, 50, 100, 200, 500]"
        @on-change="indexChange"
        @on-page-size-change="sizeChange"
        show-elevator
        show-total
        show-sizer
      />
    </div>

    <Modal
      v-model="modal1" :mask-closable="false"
      title="配置时间">
      <Form
        ref="formValidate"
        :model="formValidate"
        :rules="ruleValidate">
        <Row class="timer">
          <Col span="11">
            <FormItem prop="startTime" :label-width="0">
              <DatePicker type="datetime"  format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始时间" style="width: 100%" :value="formValidate.startTime" @on-change="changeStartTime"></DatePicker>
            </FormItem>
          </Col>
          <Col span="2" style="text-align:center">--</Col>
          <Col span="11">
            <FormItem prop="endTime" :label-width="0">
              <DatePicker type="datetime" :value="formValidate.endTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择结束时间" style="width: 100%" @on-change="changeEndTime"></DatePicker>
            </FormItem>
          </Col>
        </Row>
      </Form>
      <div slot="footer">
        <Button type="primary">确定</Button>
        <Button  @click="modal1 = false"   style="background-color: #fff;color:#3A64FF;border-color:#3A64FF">关闭</Button>
      </div>
    </Modal>

    <Modal
      v-model="modal2"
      width="85%"
      :mask-closable="false"
      footer-hide
      >
      <div style="fontSize:16px;margin-bottom:24px">配置操作员</div>
      <Button type="primary" style="margin-bottom:32px">添加操作员</Button>
      <Table
        ref="selection"
        :loading="loading"
        :data="operatorData"
        :columns="column1"/>
      <div  style="margin: 10px 0; text-align: right">
        <Page
          :total="pageOperator.total"
          :current="pageOperator.index"
          :page-size="pageOperator.size"
          :page-size-opts="[10, 50, 100, 200, 500]"
          @on-change="indexChangeOperator"
          @on-page-size-change="sizeChangeOperator"
          show-elevator
          show-total
          show-sizer
        />
       <Button style="background-color:#3A64FF;color:#fff;right:0;bottom:0;" @click="close">关闭</Button>
      </div>
    </Modal>

    <Modal
      v-model="modal3"
      title="操作员列表"
      width="50%"
       :mask-closable="false"
      >
      <Form ref="formValidate" :model="searchData">
        <Row :gutter="16">
          <Col span="6">
            <FormItem prop="ID">
              <Input
              :clearable="true"
                v-model="searchData.account"
                placeholder="操作员账号"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem prop="ID">
              <Input
              :clearable="true"
                v-model="searchData.truename"
                placeholder="操作员姓名"
              ></Input>
            </FormItem>
          </Col>
          <Col span="6">
            <FormItem>
              <Button type="primary" icon="md-search"
                >搜索</Button
              >
              <Button @click="handleReset()" style="margin-left: 8px"
                >重置</Button
              >
            </FormItem>
          </Col>
        </Row>
      </Form>
        <!-- :row-class-name="rowClassName" -->
      <Table
        ref="selection"
        :loading="loading"
        :data="operatorList"
        @on-selection-change="select"
        :columns="column2"/>
      <div style="margin: 10px 0; text-align: right">
        <Page
          :total="pageOperator1.total"
          :current="pageOperator1.index"
          :page-size="pageOperator1.size"
          :page-size-opts="[10, 50, 100, 200, 500]"
          @on-change="indexChangeOperator1"
          @on-page-size-change="sizeChangeOperator1"
          show-elevator
          show-total
          show-sizer
        />
      </div>
      <div slot="footer">
        <Button type="info" ghost @click="modal3 = false" style="margin-bottom:10px">关闭</Button>
        <Button type="primary" style="margin-bottom:10px">确定</Button>
      </div>
    </Modal>

    <Modal width='80%' v-model="orgModal" class="orgclass" :mask-closable="false" footer-hide>
      <Table
        ref="selection"
        :loading="loading"
        :data="orgData"
        :columns="orgColumns"
      />
      <div style="margin: 10px 0; text-align: right">
        <Page
          :total="orgPage.total"
          :current="orgPage.index"
          :page-size="orgPage.size"
          :page-size-opts="[10, 50, 100, 200, 500]"
          @on-change="orgIndexChange"
          @on-page-size-change="orgSizeChange"
          show-elevator
          show-total
          show-sizer
        />
      </div>
    </Modal>

    <Modal width='80%' v-model="paperModal" class="orgclass" :mask-closable="false" footer-hide>
      <Table
        ref="selection"
        :loading="loading"
        :data="paperData"
        :columns="paperColumns"
      />
      <div style="margin: 10px 0; text-align: right">
        <Page
          :total="paperPage.total"
          :current="paperPage.index"
          :page-size="paperPage.size"
          :page-size-opts="[10, 50, 100, 200, 500]"
          @on-change="paperIndexChange"
          @on-page-size-change="paperSizeChange"
          show-elevator
          show-total
          show-sizer
        />
      </div>
    </Modal>

    <Modal width='80%' v-model="telentModal" class="orgclass" :mask-closable="false" title="查看批次详情" footer-hide>
      <Table
        ref="selection"
        :loading="loading"
        :data="telentData"
        :columns="telentColumns"
      />
      <div style="margin: 10px 0; text-align: right">
        <Page
          :total="telentPage.total"
          :current="telentPage.index"
          :page-size="telentPage.size"
          :page-size-opts="[10, 50, 100, 200, 500]"
          @on-change="telentIndexChange"
          @on-page-size-change="telentSizeChange"
          show-elevator
          show-total
          show-sizer
        />
      <Button style="background-color:#3A64FF;color:#fff;right:0;bottom:0;" @click="close">关闭</Button>
      </div>
    </Modal>

  </Card>
</template>

<script>
import expandRow from "./table_expand.vue";
const {log} = console
export default {
  name: "data-order",
  components: { expandRow },
  data() {
    return {
      disableOperator: [],
      orgModal_id: null,
      telent_id: null,
      selectOperator: '', // 选择操作员列表
      operatorList: [],  // 操作员列表 table中用
      searchData: {
        account: '',
        truename: ''
      },
      formValidate:{
        startTime: '',
        endTime: '',
      },
      ruleValidate: {
        starttime: [
          { required: true, type: 'object', message: '请选择开始时间', trigger: 'change' },
          { required: true,
            type: 'object',
            trigger: 'change',
            validator: (rule, value, callback) => {
              let end = this.formValidate.endtime
              if (end != '' && value > end) {
                callback(new Error('开始时间不能大于截止时间'))
              } else {
                callback()
              }
            }
          }
        ],
        endtime: [
          { required: true, type: 'object', message: '请选择截止时间', trigger: 'change' },
          { required: true,
            type: 'object',
            trigger: 'change',
            validator: (rule, value, callback) => {
              let start = this.formValidate.starttime
              if (start != '' && value < start) {
                callback(new Error('截止时间不能小于开始时间'))
              } else {
                callback()
              }
            }
          }
        ]
      },
      id:null,
      modal1:false,
      modal2:false,
      modal3:false,
      orgModal:false,
      paperModal:false,
      telentModal:false,
      // tableHeight: 0,
      page: {
        total: 0, // 总共条数
        index: 1, // 页数
        size: 10, // 每页大小条数
      },
      pageOperator: {
        total: 0, // 总共条数
        index: 1, // 页数
        size: 10, // 每页大小条数
      },
      pageOperator1: {
        total: 0, // 总共条数
        index: 1, // 页数
        size: 10, // 每页大小条数
      },
      data: [{no:1,type: 1,mode: 2,status: 0,kind: 1,complete:1, total: 100,created_at:'2021-01-10',start_date:'2021-01-10',end_date:'2021-01-20' }],
      loading: false,
      isMeUser: true,
      roleList: [],
      operatorData: [],
      columns: [
        {
          type: "expand",
          width: 50,
          render: (h,params) => {
            const date = function(str) {
              let d = new Date(str)
              let year = d.getFullYear()
              let month = d.getMonth() + 1
              let day = d.getDate()
              return year + '-' + month + '-' + day
            }
            let created_at = date(params.row.created_at)
            let total = params.row.total
            let complete = params.row.complete
            // 还未配置人员 快去操作里配置吧
            return h(expandRow, {
              props: {
                 row: {total: total,complete: complete,surplus:Number(total)-Number(complete),time: created_at,operator: params.row.dispatch_user_count,id:params.row.id}
              },
              on: {
                getOperator: (id)=>{
                  this.id = id
                  // this.optionUserInfo()
                  this.modal2 = true
                }
              }
            });
          },
        },
        {
          title: "id",
          key: "no",
        },
        {
          title: "类型",
          key: "type",
          render: (h, params) => {
            if (params.row.type === 1) {
              return h(
                "span",
                {
                  style: {
                    color: "#E5622D",
                  },
                },
                "人才"
              );
            }
            if (params.row.type === 2) {
              return h(
                "span",
                {
                  style: {
                    color: "#CA258F",
                  },
                },
                "文章"
              );
            }
            if (params.row.type === 3) {
              return h(
                "span",
                {
                  style: {
                    color: "#779CEE",
                  },
                },
                "机构"
              );
            }
          },
        },
        {
          title: "模式",
          key: "mode",
          render: (h, params) => {
            if (params.row.mode === 1) {
              return h(
                "span",
                {
                  style: {
                    color: "#35B2BC",
                  },
                },
                "矫正"
              );
            }
            if (params.row.mode === 2) {
              return h(
                "span",
                {
                  style: {
                    color: "#7271D0",
                  },
                },
                "检测"
              );
            }
            if (params.row.mode === 3) {
              return h(
                "span",
                {
                  style: {
                    color: "#FF8EA1",
                  },
                },
                "校验"
              );
            }
          },
        },
        {
          title: "状态",
          key: "status",
          render: (h, params) => {
            if (params.row.status === 0) {
              return h('div',
                {
                  style:{
                    width: '72px',
                    height: '32px',
                    background: 'rgba(255, 138, 38, 0.08)',
                    borderRadius: '4px',
                    border: '1px solid rgba(255, 138, 38, 0.3)',
                    color: "#FF8A26",
                    lineHeight: '32px',
                    textAlign: 'center'
                  }
                  // props: {
                  //   type: 'border',
                  //   color: '#FF8A26',
                  //   size: 'large'
                  // }
                },
                "待派"
              )
            } else if (params.row.status === 1) {
              return h('div',{
                  style:{
                    width: '72px',
                    height: '32px',
                    background: 'rgba(58, 100, 255, 0.08)',
                    borderRadius: '4px',
                    border: '1px solid rgba(58, 100, 255, 0.3)',
                    color: "#3A64FF",
                    lineHeight: '32px',
                    textAlign: 'center'
                  }
                  // props: {
                  //   type: 'border',
                  //   color: '#3A64FF',
                  //   size: 'large'
                  // },
                },
                "派中")
            } else if (params.row.status === 2) {
              return h(
                "div",
                {
                  style:{
                    width: '72px',
                    height: '32px',
                    background: 'rgba(106,201,126,0.08)',
                    borderRadius: '4px',
                    border: '1px solid rgba(106,201,126, 0.3)',
                    color: "#6AC97E",
                    lineHeight: '32px',
                    textAlign: 'center'
                  }
                },
                "完成"
              );
            } else {
              return h(
                "div",
                {
                   style:{
                    width: '72px',
                    height: '32px',
                    background: 'rgba(106,201,126,0.08)',
                    borderRadius: '4px',
                    border: '1px solid rgba(106,201,126, 0.3)',
                    color: "#6AC97E",
                    lineHeight: '32px',
                    textAlign: 'center'
                  }
                },
                "超时"
              );
            }
          },
        },
        {
          title: "创建类型",
          key: "kind",
          render: (h, params) => {
            if (params.row.kind === 1) {
              return h(
                "span",
                {
                  style: {
                    color: "#779CEE",
                  },
                },
                "系统创建"
              );
            } else if (params.row.kind === 2) {
              return h(
                "span",
                {
                  style: {
                    color: "#515A6E",
                  },
                },
                "人工创建"
              );
            }
          },
        },
        {
          title: "进度",
          key: "progress",
          render: (h, params) => {
            return h("Progress", {
              props: {
                type: "Progress",
                percent: parseInt(
                  params.row.complete / params.row.total === null
                    ? "0%"
                    : (params.row.complete / params.row.total) *
                        100 +
                        "%"
                ),
              },
            });
          },
        },
        {
          title: "任务起止时间",
          key: "date",
          width:180,
          render:(h,params) =>{
            const date = function(str) {
              let d = new Date(str)
              let year = d.getFullYear()
              let month = d.getMonth() + 1
              let day = d.getDate()
              return year + '/' + month + '/' + day
            }
            let start_date = date(params.row.start_date)
            let end_date = date(params.row.end_date)
            return h('span',start_date+ '-' + end_date)
          }
          },
        {
          title: "操作",
          align: "center",
          width: 250,
          render: (h, params) => {
            let check = h(
              "Button",
              {
                props: {
                  type: "text",
                  // icon: "md-eye",
                  size: "small",
                  disabled: params.row.type === 1 && params.row.mode === 3|| params.row.type === 3 && params.row.mode === 1?false:true
                },
                style: {
                  marginRight: "5px",
                  fontSize: "14px",
                  color: "#3A64FF",
                },
                on: {
                  click: () => {
                    console.log(params.row);
                    if (params.row.type === 1 && params.row.mode === 3) {
                      this.telent_id = params.row.no
                      log(this.telent_id)
                      this.telentModal = true
                      this.handleGetTelent()
                    }
                    if (params.row.type === 2) {
                      // this.$router.push({
                      //   name: "waiting_paper/:id",
                      //   params: { id: params.row.id },
                      // });
                      this.paperModal = true
                    }
                    if (params.row.type === 3  && params.row.mode === 1) {
                      this.orgModal = true
                      log(params.row.id)
                      this.orgModal_id = params.row.id
                      this.dispatchTask()
                    }
                  },
                },
              },
              "查看"
            );
            let send_order = h(
              "Dropdown",{
                props: {
                  placement: 'bottom',
                  transfer: true
                },
                on: {
                  'on-click': (name)=>{
                    log(name)
                    if (name=='time') {
                      this.modal1 = true
                      this.getTime()
                      this.id = params.row.id
                    } else if (name=='operator'){
                      log(params.row)
                      this.id = params.row.id
                      // this.optionUserInfo()
                      this.modal2 = true
                    }
                  }
                }
              },
              [
                h('a',
                  {
                    style:{
                      color:'#3A64FF'
                    }
                  },
                  [
                    '配置',
                    h('Icon',{
                        props: {
                          type: 'ios-arrow-down'
                        },
                        style: {
                          marginLeft: '5px',
                          color: '#3A64FF'
                        }
                      }
                    )
                  ]
                ),
                h('DropdownMenu',
                  {
                    slot: 'list',
                    props: {
                      trigger: 'hover'
                    }
                  },[
                    h('DropdownItem', {
                      props: {
                        name: 'time'
                      }
                    }, '配置时间'),
                    h('DropdownItem', {
                      props: {
                        name: 'operator'
                      }
                    }, '配置操作员')
                  ]
                )
              ])
            let option = [];
            option.push(check);
            option.push(send_order)
            return h("div", option);
          },
        },
      ],
      column1: [
        { title: '真实姓名', key: 'truename' },
        { title: '账户', key: 'account' },
        { title: '手机号', key: 'mobile' },
        { title: '邮箱地址', key: 'email' },
      ],
      column2: [
        { type: 'selection', width: 60, align: 'center' },
        { title: '真实姓名', key: 'truename' },
        { title: '账户', key: 'account' },
        { title: '手机号', key: 'mobile' },
        { title: '邮箱地址', key: 'email' },
      ],
      tableData: [],
      pageData: {},
      tableLoading: true,
      modal: false,
      editId: 0,
      editIndex: null,
      auths: [],
      isMain: false,
      orgColumns: [
        { title: '机构英文名', key: 'org_name', ellipsis: true, tooltip: true, width: 320 },
        { title: '机构中文名', key: 'org_name_cn', ellipsis: true, tooltip: true, width: 200 },
        { title: '机构类型', key: 'org_type' },
        { title: '所属国家', key: 'country_cn' },
        { title: '省份', key: 'province_cn' },
        { title: '城市', key: 'city_cn' },
        { title: '机构id', key: 'org_id' },
        {
          title: '操作',
          align: 'center',
          width: 190,
          // render: (h, params) => {
          //   let check = h(
          //     'Button',
          //     {
          //       props: {
          //         type: 'text',
          //         size: 'small'
          //       },
          //       style: {
          //         marginRight: '5px',
          //         fontSize: '14px',
          //         color: '#2d8cf0'
          //       },
          //       on: {
          //         click: () => {
          //           // this.$router.push()
          //         }
          //       }
          //     },
          //     '查看详情'
          //   )
          //   let option = []
          //   option.push(check)
          //   return h('div', option)
          // }
        }
      ],
      orgPage: {
        total:0,
        index:1,
        size: 10
      },
      orgData: [],
      paperColumns: [
        { title: '文章标题', key: 'doc_title', width: 300, ellipsis: true, tooltip: true },
        {
          title: '发文作者',
          key: 'doc_a_texts',
          // render: (h, params) => {
          //   let data = JSON.parse(params.row.doc_a_texts)
          //   let list = []
          //   for (let i in data) {
          //     list.push(
          //       h('div', {
          //         style: {
          //           color: '#2d8cf0'
          //         }
          //       }, data[i])
          //     )
          //   }
          //   return h('div', list)
          // }
        },
        { title: '发文年份', key: 'year' },
        { title: '期刊', key: 'source_title', width: 250, ellipsis: true, tooltip: true },
        { title: '期刊id', key: 'source_id' },
        { title: '文章类型', key: 'type' },
        { title: '引用次数', key: 'cite_num' },
        {
          title: '操作',
          align: 'center',
          // render: (h, params) => {
          //   let check = h(
          //     'Button',
          //     {
          //       props: {
          //         type: 'text',
          //         // icon: 'md-search',
          //         size: 'small'
          //       },
          //       style: {
          //         marginRight: '5px',
          //         fontSize: '14px',
          //         color: '#2d8cf0'
          //       },
          //       on: {
          //         click: () => {
          //           // this.$router.push()
          //         }
          //       }
          //     },
          //     '查看详情'
          //   )

          //   // let edit = h(
          //   //   'Button',
          //   //   {
          //   //     props: {
          //   //       type: 'text',
          //   //       // icon: 'ios-paper',
          //   //       size: 'small'
          //   //     },
          //   //     style: {
          //   //       marginRight: '5px',
          //   //       fontSize: '14px',
          //   //       color: '#2d8cf0'
          //   //     },
          //   //     on: {
          //   //       click: () => {}
          //   //     }
          //   //   },
          //   //   '查看记录'
          //   // )

          //   let option = []
          //   option.push(check)
          //   // option.push(edit);
          //   return h('div', option)
          // }
        }
      ],
      paperData: [],
      paperPage: {
        total: 0,
        index: 1,
        size:10
      },
      telentColumns: [
        { title: "UID", key: "uid" },
        { title: "数据来源", key: "datafrom" },
        { title: "中文名字", key: "name_cn" },
        { title: "中文机构名", key: "org_name_cn" },
        { title: "验证链接", key: "address", width: 320 },
        { title: "学科", key: "subject" },
        { title: "职称", key: "job" },
        { title: "去世注明", key: "isdie",
          // render: (h,params) =>{
          //   let isdie = parseInt(params.row.isdie)
          //   if (isdie === 0){
          //     return h('span','已去世')
          //   } else if(isdie === 1) {
          //     return h('span', '未去世')
          //   } else {
          //     return h('span', '不确定')
          //   }

          // }
        },
        {
          title: "操作",
          align: "center",
          // render: (h, params) => {
          //   let check = h(
          //     "a",
          //     {
          //       props: {
          //         type: "text",
          //         // icon: 'md-search',
          //         size: "small",
          //       },
          //       style: {
          //         marginRight: "5px",
          //         fontSize: "14px",
          //         color: "#3A64FF",
          //       },
          //       on: {
          //         click: () => {
          //           // let detail = this.$router.resolve({
          //           //     path:'/data/tal_details',
          //           //     query:{
          //           //         id:params.row.uid
          //           //     }
          //           // })
          //           // window.open(detail.href,'_blank')
          //         },
          //       },
          //     },
          //     "查看详情"
          //   );
          //   let option = [];
          //   option.push(check);
          //   return h("div", option);
          // },
        },
      ],
      telentData: [],
      telentPage: {
        total: 0,
        index: 1,
        size:10
      },
    }
  },
  methods: {
    handleReset(){
      this.searchData = {
        account: '',
        truename: ''
      }
    },
    close(){
      this.modal2 = false
      // this.dispatchList()
    },
    telentSizeChange (i) {
      console.log(i)
      // 每页的条数
      this.telentPage.size = i
      // this.handleGetTelent()
    },
    telentIndexChange (s) {
      console.log(s)
      this.telentPage.index = s
      // this.handleGetTelent()
    },
    orgSizeChange (i) {
      console.log(i)
      // 每页的条数
      this.orgPage.size = i
      // this.dispatchTask()
    },
    orgIndexChange (s) {
      console.log(s)
      this.loading = true
      this.orgPage.index = s
      // this.dispatchTask()
    },
    paperSizeChange (i) {
      console.log(i)
      // 每页的条数
      // this.telentPage.size = i
      // this.dispatchTask()
    },
    paperIndexChange (s) {
      console.log(s)
      this.loading = true
      // this.telentPage.index = s
      // this.dispatchTask()
    },
    select (item) {
      log(item)
      let list = []
      for (let i in item) {
        list.push(item[i].id)
      }
      log(list.join(','))
      this.selectOperator = list.join(',')
    },
    changeStartTime(v){
      let date1 = new Date()
      let list = v.split(' ')
      let time = list[1]
      const formatObj = {
        h: date1.getHours(),
        i: date1.getMinutes()+3,
        s: date1.getSeconds(),
      }
      if (time=='00:00:00'){
        time = formatObj.h + ':' + formatObj.i + ':' + formatObj.s
      }
      this.formValidate.startTime = list[0] + ' ' + time
    },
    changeEndTime(v){
      let date1 = new Date()
      let list = v.split(' ')
      let time = list[1]
      const formatObj = {
        h: date1.getHours(),
        i: date1.getMinutes()+3,
        s: date1.getSeconds(),
      }
      if (time=='00:00:00'){
        time = formatObj.h + ':' + formatObj.i + ':' + formatObj.s
      }
      this.formValidate.endTime = list[0] + ' ' + time
    },
    sizeChange(i) {
      console.log(i);
      // 每页的条数
      this.loading = true;
      this.page.size = i;
      // this.dispatchList();
    },
    indexChange(s) {
      console.log(s);
      this.loading = true;
      this.page.index = s;
      // this.dispatchList();
    },
    sizeChangeOperator(i) {
      console.log(i);
      // 每页的条数
      this.loading = true;
      this.pageOperator.size = i;
      // this.optionUserInfo();
    },
    indexChangeOperator(s) {
      console.log(s);
      this.loading = true;
      this.pageOperator.index = s;
      // this.optionUserInfo();
    },
    sizeChangeOperator1(i) {
      console.log(i);
      // 每页的条数
      this.loading = true;
      this.pageOperator1.size = i;
      // this.getOption();
    },
    indexChangeOperator1(s) {
      console.log(s);
      this.loading = true;
      this.pageOperator1.index = s;
      // this.getOption();
    },
    getTime() {
      let date = new Date()
      const formatObj = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes()+3,
        s: date.getSeconds(),
        a: date.getDay()
      }
      this.formValidate.startTime = formatObj.y +'-'+ formatObj.m+'-'+formatObj.d + ' ' + formatObj.h + ':' + formatObj.i + ':' + formatObj.s
      this.formValidate.endTime = formatObj.y +'-'+ formatObj.m+'-'+formatObj.d + ' ' + formatObj.h + ':' + formatObj.i + ':' + formatObj.s
    }
  },
  created() {
    // this.dispatchList();
    this.getTime()
    // this.getOption()
  },
  mounted() {
  },
};
</script>

<style scoped>
  .ivu-table .demo-table-info-row td{
    background-color: #ccc;
    color: #fff;
  }
  .orgclass /deep/ .ivu-modal-body {
    padding: 24px !important;
  }
.list /deep/ .ivu-table-cell-expand i {
    color: #3A64FF;
}
.list /deep/ .ivu-modal-footer {
  border-top: none;
}
/* .list /deep/ .ivu-progress-bg{
  border-radius: 5px;
} */
.timer /deep/ .ivu-date-picker-cells-cell-selected em, .ivu-date-picker-cells-cell-selected:hover em{
  background: #3A64FF !important;
}
.timer /deep/ .ivu-date-picker-cells-cell-today em:after{
  background: #3A64FF !important;
}
</style>
